<!-- 
<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js"></script>
<script type="text/javascript">


function submitFormSup()
{
    $('#support').submit();
}
$(document).ready(function(){
    //Hide the tooglebox when page load
    $(".bgdSupport").hide(); 
    //slide up and down when hover over heading 2
    $(".hover_product").click(function(){
//    	$(this).next(".bgdSupport").slideToggle("fast");
    	$(".bgdSupport").animate({width:'toggle'},400);
    	return true;
  });
  
    
});

</script>
                <div id="supportContact" >
                    <a class="hover_product" href="javascript:" title="Support Contact">
                    <img src="{{$LAYOUT_HELPER_URL}}front/images/dummy.gif" class="uiGeneral iconContact" alt="Support Contact" title="{{l}}Support Contact{{/l}}" /></a>
                    <div class="bgdSupport" >
                        <form action="" method="post" id="support">
                            <ul class="frmGeneral" id="menu" >
                                <li><input name="sup[name]" type="text" value="{{l}}Name{{/l}}" onfocus="if(this.value == '{{l}}Name{{/l}}'){ this.value = '';}" onblur="if(this.value == ''){ this.value = '{{l}}Name{{/l}}';}" /></li>
                                <li><input name="sup[email]" type="text" value="{{l}}Email{{/l}}" onfocus="if(this.value == '{{l}}Email{{/l}}'){ this.value = '';}" onblur="if(this.value == ''){ this.value = '{{l}}Email{{/l}}';}" /></li>
                                <li><textarea name="sup[message]" id="" value="{{l}}Description{{/l}}" onfocus="if(this.value == '{{l}}Description{{/l}}'){ this.value = '';}" onblur="if(this.value == ''){ this.value = '{{l}}Description{{/l}}';}" >{{l}}Description{{/l}}</textarea></li>
                                <li>
                                    <a href="javascript:submitFormSup();" title="submit">
                                    <button value="" title="Send" class="uiButton" name="submitButton">
                                        <div class="btn">
                                            <span class="btn btLeft">&nbsp;</span><span class="btCen">{{l}}Send{{/l}}</span><span class="btn btRight">&nbsp;</span> 
                                        </div>
                                    </button></a>
                                    <button name="submitButton" type="button" class="uiButton hover_product" title="Refresh" value="">
                                        <div class="btn"  >
                                            <span class="btn btLeft">&nbsp;</span><span class="btCen">{{l}}Close{{/l}}</span><span class="btn btRight">&nbsp;</span> 
                                        </div>
                                    </button>
                                </li>
                            </ul>
                        </form>
                         
                    </div>
                </div>
 -->
                <p class="clound01">&nbsp;</p>
                <p class="clound02">&nbsp;</p>
                <p class="clound03">&nbsp;</p>